/**
 * This file is part of Cube.
 * 
 * The MIT License (MIT)
 *
 * Copyright (c) 2020-2023 Cube Team.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */

 /*
  * ci - cube icon
  */

.ci {
    display: inline-block;
    line-height: 1;
}
.ci-wide {
    display: block;
    line-height: 1;
}

.ci-btn {
    margin-top: 4px;
}

.ci-speaker-opened {
    width: 22px;
    height: 22px;
    background-image: url(../images/icon/speaker-opened@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
}

.ci-speaker-closed {
    width: 22px;
    height: 22px;
    background-image: url(../images/icon/speaker-closed@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
}

.ci-camera-closed {
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/camera-closed@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px auto;
}

.ci-camera-opened {
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/camera-opened@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px auto;
}

.ci-microphone-closed {
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/microphone-closed@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px auto;
}

.ci-microphone-opened {
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/microphone-opened@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px auto;
}

.ci-volume-muted {
    width: 24px;
    height: 24px;
    background-image: url(../images/icon/volume-muted@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px auto;
}

.ci-volume-unmuted {
    width: 24px;
    height: 24px;
    background-image: url(../images/icon/volume-unmuted@2x.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 18px auto;
}

.ci-hangup {
    width: 22px;
    height: 10px;
    vertical-align: baseline;
    background-image: url(../images/icon/hangup@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 8px;
}

.ci-answer {
    width: 22px;
    height: 16px;
    vertical-align: bottom;
    background-image: url(../images/icon/answer@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}

.ci-invite-participant {
    width: 22px;
    height: 22px;
    vertical-align: baseline;
    background-image: url(../images/icon/invite-participant@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
}

.ci-file-directory {
    width: 20px;
    height: 20px;
    background: url(../images/icon/file-directory@2x.png) no-repeat center;
    background-size: 20px 20px;
}

.ci-file-image {
    width: 20px;
    height: 20px;
    background: url(../images/icon/file-image@2x.png) no-repeat center;
    background-size: 20px 20px;
}
.ci-file-image-wide {
    width: 120px;
    height: 68px;
    background: url(../images/icon/file-image-wide@2x.png) no-repeat center;
    background-size: auto 70px;
}
.ci-file-windows {
    width: 20px;
    height: 20px;
    background: url(../images/icon/file-windows@2x.png) no-repeat center;
    background-size: 20px 20px;
}
.ci-file-windows-wide {
    width: 120px;
    height: 68px;
    background: url(../images/icon/file-windows-wide@2x.png) no-repeat center;
    background-size: auto 70px;
}
.ci-file-apk {
    width: 20px;
    height: 20px;
    background: url(../images/icon/file-apk@2x.png) no-repeat center;
    background-size: 20px 20px;
}
.ci-file-apk-wide {
    width: 120px;
    height: 68px;
    background: url(../images/icon/file-apk-wide@2x.png) no-repeat center;
    background-size: auto 70px;
}
.ci-file-dmg {
    width: 20px;
    height: 20px;
    background: url(../images/icon/file-dmg@2x.png) no-repeat center;
    background-size: 20px 20px;
}
.ci-file-dmg-wide {
    width: 120px;
    height: 68px;
    background: url(../images/icon/file-dmg-wide@2x.png) no-repeat center;
    background-size: auto 70px;
}
.ci-file-ipa {
    width: 20px;
    height: 20px;
    background: url(../images/icon/file-ipa@2x.png) no-repeat center;
    background-size: 20px 20px;
}
.ci-file-word {
    width: 20px;
    height: 20px;
    background: url(../images/icon/file-word@2x.png) no-repeat center;
    background-size: 20px 20px;
}
.ci-file-word-wide {
    width: 120px;
    height: 68px;
    background: url(../images/icon/file-word-wide@2x.png) no-repeat center;
    background-size: auto 70px;
}
.ci-file-excel {
    width: 20px;
    height: 20px;
    background: url(../images/icon/file-excel@2x.png) no-repeat center;
    background-size: 20px 20px;
}
.ci-file-excel-wide {
    width: 120px;
    height: 68px;
    background: url(../images/icon/file-excel-wide@2x.png) no-repeat center;
    background-size: auto 70px;
}
.ci-file-powerpoint {
    width: 20px;
    height: 20px;
    background: url(../images/icon/file-powerpoint@2x.png) no-repeat center;
    background-size: 20px 20px;
}
.ci-file-powerpoint-wide {
    width: 120px;
    height: 68px;
    background: url(../images/icon/file-powerpoint-wide@2x.png) no-repeat center;
    background-size: auto 70px;
}
.ci-file-music {
    width: 20px;
    height: 20px;
    background: url(../images/icon/file-music@2x.png) no-repeat center;
    background-size: 20px 20px;
}
.ci-file-music-wide {
    width: 120px;
    height: 68px;
    background: url(../images/icon/file-music-wide@2x@2x.png) no-repeat center;
    background-size: auto 70px;
}
.ci-file-pdf {
    width: 20px;
    height: 20px;
    background: url(../images/icon/file-pdf@2x.png) no-repeat center;
    background-size: 20px 20px;
}
.ci-file-pdf-wide {
    width: 120px;
    height: 68px;
    background: url(../images/icon/file-pdf-wide@2x.png) no-repeat center;
    background-size: auto 70px;
}
.ci-file-psd {
    width: 20px;
    height: 20px;
    background: url(../images/icon/file-psd@2x.png) no-repeat center;
    background-size: 20px 20px;
}
.ci-file-psd-wide {
    width: 120px;
    height: 68px;
    background: url(../images/icon/file-psd-wide@2x.png) no-repeat center;
    background-size: auto 70px;
}
.ci-file-rar {
    width: 20px;
    height: 20px;
    background: url(../images/icon/file-rar@2x.png) no-repeat center;
    background-size: 20px 20px;
}
.ci-file-rar-wide {
    width: 120px;
    height: 68px;
    background: url(../images/icon/file-rar-wide@2x.png) no-repeat center;
    background-size: auto 70px;
}
.ci-file-text {
    width: 20px;
    height: 20px;
    background: url(../images/icon/file-text@2x.png) no-repeat center;
    background-size: 20px 20px;
}
.ci-file-text-wide {
    width: 120px;
    height: 68px;
    background: url(../images/icon/file-text-wide@2x.png) no-repeat center;
    background-size: auto 70px;
}
.ci-file-video {
    width: 20px;
    height: 20px;
    background: url(../images/icon/file-video@2x.png) no-repeat center;
    background-size: 20px 20px;
}
.ci-file-video-wide {
    width: 120px;
    height: 68px;
    background: url(../images/icon/file-video-wide@2x.png) no-repeat center;
    background-size: auto 70px;
}
.ci-file-zip {
    width: 20px;
    height: 20px;
    background: url(../images/icon/file-zip@2x.png) no-repeat center;
    background-size: 20px 20px;
}
.ci-file-zip-wide {
    width: 120px;
    height: 68px;
    background: url(../images/icon/file-zip-wide@2x.png) no-repeat center;
    background-size: auto 70px;
}
.ci-file-unknown {
    width: 20px;
    height: 20px;
    background: url(../images/icon/file-unknown@2x.png) no-repeat center;
    background-size: 20px 20px;
}
.ci-file-unknown-wide {
    width: 120px;
    height: 68px;
    background: url(../images/icon/file-unknown-wide@2x.png) no-repeat center;
    background-size: auto 70px;
}
.ci-fa-file {
    font-size: 20px;
    color: #4392f8;
    margin-left: 3px;
}
